.clearfix:before,.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear:both;
}

.home-swiper {
  swiper {
    width: 750rpx;
    height: 340rpx;
    image {
      width: 100%;
    }
  }
}

.home-cate {
  display: flex;
  navigator {
    padding: 25rpx;
    flex: 1;
    image {
      width: 100%;
    }
  }
}

.home-floor {
  .floor-group{
    .group-title{
      padding: 10rpx 0;
      image {
        width: 100%;
      }
    }
    .group-list{
      navigator {
        float: left;
        width: 33.33%;
        &:nth-last-child(-n+4){
          // w232 * h386
          // 232/386 = 33.33vw /height
          height: (33.33vw * 386 / 232 / 2);
          border-left: 10rpx solid #fff;
        }
        &:nth-child(2),
        &:nth-child(3) {
          border-bottom: 10rpx solid #fff;
        }
        image {
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}